﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %>

<%@ Register Src="Controls/Message.ascx" TagName="Message" TagPrefix="uc1" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>RAPSAC - Acceso</title>
    <script type="text/javascript">
        function clearText(thefield) {
            if (thefield.defaultValue == thefield.value) {
                thefield.value = '';
            }
            else if (thefield.value == '')
                thefield.value = thefield.defaultValue
        }
    </script>
</head>
<body>
    <form runat="server" id="form1">
    <uc1:Message ID="Message1" runat="server" />

    <asp:ValidationSummary ID="ValidationSummaryLogin" runat="server" HeaderText=""
        ShowMessageBox="true" ShowSummary="False"> </asp:ValidationSummary>

    <div class="front-card">
        <div class="front-welcome">
            <div class="front-welcome-text">
                <h1>
                    Bienvenido a RAPSAC.</h1>
                <p>
                    Descubre lo que está pasando ahora, atrévete a probarlo.</p>
            </div>
        </div>
        <div class="front-signin">
            <div class="placeholding-input username">
                <asp:TextBox ID="TextBoxUserName" runat="server" CssClass="text-input email-input" AutoCompleteType="Email" TabIndex="1" 
                    ToolTip="Correo electrónico" Text="Correo electrónico" ></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidatorUserName" runat="server" ForeColor="Red" Display="None"
                    ControlToValidate="TextBoxUserName" ErrorMessage="Ingrese un correo válido.">Email</asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="RegularExpressionValidatorUserName" runat="server" ForeColor="Red"
                    Display="None" ControlToValidate="TextBoxUserName" ErrorMessage="Formato de email incorrecto."
                    ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">Email</asp:RegularExpressionValidator>
            </div>
            <table border="0" cellpadding="0" cellspacing="0" class="flex-table password-signin">
                <tr>
                    <td class="flex-table-primary">
                        <div class="placeholding-input password sflex-table-form">
                            <asp:TextBox ID="TextBoxPassword" runat="server" CssClass="text-input flex-table-input" TextMode="Password" TabIndex="2"
                                ToolTip="Contraseña" Text="password" ></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidatorPassword" runat="server" ForeColor="Red" Display="None"
                                ControlToValidate="TextBoxPassword" ErrorMessage="Ingrese un contraseña">Contraseña</asp:RequiredFieldValidator>
                        </div>
                    </td>
                    <td class="flex-table-secondary">
                        <asp:Button ID="ButtonLogin" runat="server" Text="Iniciar sesión" CssClass="submit btn primary-btn flex-table-btn js-submit" 
                            OnClick="ButtonLogin_Click"  TabIndex="4" />
                    </td>
                </tr>
            </table>
            <div class="remember-forgot">
                <label class="remember">
                    <asp:CheckBox ID="CheckBoxRemember" runat="server"  TabIndex="5" />
                    <span>Recuerda mis datos</span>
                </label>
                <span class="separator">·</span> <asp:LinkButton ID="LinkButtonRememberPassword" CssClass="forgot" CausesValidation="false"
                    runat="server" TabIndex="6" OnClick="LinkButtonRememberPassword_Click" >¿Olvidaste tu contraseña?</asp:LinkButton>
            </div>
        </div>
        <div class="front-signup">
            <h2>Escriba el código mostrado en la imagen:</h2>
            <div class="placeholding-input" >
                <span><img src="JpegImage.aspx" alt="código" runat="server" id="ImgCaptcha" >
                <asp:TextBox ID="TextBoxCodeNumber" runat="server" CssClass="text-input-small" Text="Código de imagen" TabIndex="3" />
                <asp:HiddenField ID="HiddenFieldCodeNumber" runat="server" />
                </span>
            </div>
            <asp:Button ID="ButtonUpdate" runat="server" Text="Actualizar imagen" CssClass="btn signup-btn" CausesValidation="false"
                OnClick="ButtonUpdate_Click" TabIndex="7" />
        </div>
    </div>
    </form>
</body>
</html>
